* {
  margin: 0;
  padding: 0;
  list-style: none;
  user-select: none;
}

.box455 {
  width: 100%;
  height: 88.4vh;
  user-select: none;
}

.box455 .Communityheader {
  width: 99%;
  height: 5vh;
  margin-left: 1%;
}

.box455 .Communityheader .CommunityheaderOne {
  width: 6vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: 0.5vw;
  cursor: pointer;
}

.box455 .Communityheader .CommunityheaderOne li {
  width: 2.2vw;
  height: 2.7vh;
  line-height: 2.7vh;
  text-align: center;
}

.box455 .CommunityMain {
  width: 99%;
  height: 77vh;
  margin-left: 1%;
}

.box455 .CommunityMain .CommunityMainTow {
  width: 97.7%;
  height: 6.5vh;
  border-left: 0.3vw solid #009688;
  display: flex;
  background-color: #f5f5f5;
}

.box455 .CommunityMain .CommunityMainTow .CommunityMainTowA {
  width: 10vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.box455 .CommunityMain .CommunityMainTow .CommunityMainTowB {
  width: 8vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-left: 2vw;
}

.box455 .CommunityMain .CommunityMainTow .CommunityMainTowC {
  width: 23vw;
  height: 100%;
  margin-left: 2vw;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.box455 .CommunityFoot {
  width: 99%;
  height: 3vw;
  margin-left: 1%;
  border-top: 1px solid #ccc;
}

.box455 .CommunityFoot .CommunityFootA {
  width: 20vw;
  height: 100%;
  display: flex;
  align-items: center;
}

.box455 .CommunityFoot .CommunityFootA button {
  width: 3vw;
  height: 5vh;
  background-color: #ff5722;
  border: none;
  color: #fff;
  border-radius: 0.3vw;
  text-align: center;
  line-height: 5vh;
  transition: opacity 0.5s ease;
}

.box455 .CommunityFoot .CommunityFootA button:hover {
  opacity: 0.8;
}

.Communityactive {
  width: 2.2vw;
  height: 2.7vh;
  line-height: 2.7vh;
  text-align: center;
  background-color: #009688;
  border-radius: 0.2vw;
  color: #fff;
  font-size: 0.5vw;
}

.CommunityactiveAdd {
  height: calc(100% - 2px);
  line-height: 8.2vh;
  color: #00c0ef;
  font-size: 1vw;
  border-bottom: 2px solid #00c0ef;
}

.Communitytab {
  display: none;
  width: 100%;
  height: 77vh;
}

.Communitytab .tabBox {
  width: 98%;
  height: 69vh;
  overflow-y: auto;
  margin-top: 1vh;
}

.Communitytab .tabBox .table {
  width: 100%;
  border: 1px solid #f2f2f2;
}

.Communitytab .tabBox .table thead {
  background-color: #f2f2f2;
  text-align: center;
}

.Communitytab .tabBox .table thead tr td {
  text-align: center;
}

.Communitytab .tabBox .table td {
  overflow: hidden;
  border: 1px solid #f2f2f2;
  text-align: center;
  height: 4vh;
  line-height: 5vh;
  font-size: 1vw;
  color: #333333;
}

.Communitytab .tabBox .table tbody tr {
  height: 3vh;
}

.Communitytab .tabBox .table tbody tr td {
  height: 3vh;
  text-align: center;
}

.Communitytab .tabBox .table .bj {
  width: 2.5vw;
  height: 3.5vh;
  color: #fff;
  font-size: 0.5vw;
  border: none;
  background-color: #009688;
  cursor: pointer;
}

.Communitytab .tabBox .table .del {
  width: 2.5vw;
  height: 3.5vh;
  color: #fff;
  font-size: 0.5vw;
  border: none;
  background-color: #ff5722;
  cursor: pointer;
  margin-left: 0.3vw;
}

.CommunitytabAdd {
  width: 100%;
  height: 75.4vh;
  display: none;
  overflow-y: auto;
}

.CommunitytabAdd .CommunitytabAddOne {
  width: 98%;
  height: 8vh;
  margin-left: 2%;
}

.CommunitytabAdd .CommunitytabAddOne .divOne {
  width: 20vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.CommunitytabAdd .CommunitytabAddTow {
  width: 98%;
  height: 8vh;
  margin-left: 2%;
}

.CommunitytabAdd .CommunitytabAddTow .divTow {
  width: 55vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  justify-content: space-between;
}

.CommunitytabAdd .CommunitytabAddTow .divTow .divTowA,
.CommunitytabAdd .CommunitytabAddTow .divTow .divTowB {
  width: 25.5vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.CommunitytabAdd .CommunitytabAddTow .divTow input {
  border: none;
  outline: none;
  width: 20vw;
  height: 5vh;
  text-indent: 1em;
  border: 1px solid #ccc;
}

.CommunitytabAdd .CommunitytabAddThird {
  width: 98%;
  height: 8vh;
  margin-left: 2%;
}

.CommunitytabAdd .CommunitytabAddThird .divThird {
  width: 55.5vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  justify-content: space-between;
}

.CommunitytabAdd .CommunitytabAddThird .divThird .divThirdA {
  width: 25.5vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.CommunitytabAdd .CommunitytabAddThird .divThird .divThirdB {
  width: 26vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.CommunitytabAdd .CommunitytabAddThird .divThird .divThirdB button {
  background-color: #009688;
  color: #fff;
  width: 5vw;
  height: 5vh;
  line-height: 5vh;
  text-align: center;
  border: none;
  cursor: pointer;
  transition: opacity 0.5s ease;
}

.CommunitytabAdd .CommunitytabAddThird .divThird .divThirdB button:hover {
  opacity: 0.8;
}

.CommunitytabAdd .CommunitytabAddThird .divThird .divThirdBInput {
  border: none;
  outline: none;
  width: 15vw;
  height: 5vh;
  text-indent: 1em;
  border: 1px solid #ccc;
}

.CommunitytabAdd .CommunitytabAddThird .divThird input {
  border: none;
  outline: none;
  width: 20vw;
  height: 5vh;
  text-indent: 1em;
  border: 1px solid #ccc;
}

.CommunitytabAdd .CommunitytabAddFour {
  width: 98%;
  height: 8vh;
  margin-left: 2%;
}

.CommunitytabAdd .CommunitytabAddFour .divFour {
  width: 27vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.CommunitytabAdd .CommunitytabAddFour .divFour p:nth-child(3) {
  color: #999999;
}

.CommunitytabAdd .CommunitytabAddFour input {
  border: none;
  outline: none;
  width: 20vw;
  height: 5vh;
  text-indent: 1em;
  border: 1px solid #ccc;
}

.CommunitytabAdd .CommunitytabAddFive {
  width: 98%;
  height: 8vh;
  margin-left: 2%;
}

.CommunitytabAdd .CommunitytabAddFive .divFive {
  width: 25vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.CommunitytabAdd .CommunitytabAddSix {
  width: 98%;
  height: 18vh;
  margin-left: 2%;
  margin-top: 2vh;
}

.CommunitytabAdd .CommunitytabAddSix .divSix {
  width: 95%;
  height: 100%;
  display: flex;
  justify-content: space-around;
}

.CommunitytabAdd .CommunitytabAddSix .divSix .wby {
  width: 75.5vw;
  height: 17vh;
  border: none;
  outline: none;
  text-indent: 1em;
  border: 1px solid #ccc;
}

.CommunitytabAdd .CommunitytabAddSeven {
  width: 98%;
  height: 8vh;
  margin-left: 2%;
  margin-top: 2vh;
}

.CommunitytabAdd .CommunitytabAddSeven .divSeven {
  width: 10vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.CommunitytabAdd .CommunitytabAddSeven .divSeven button {
  width: 6vw;
  height: 6vh;
  background-color: #009688;
  border: none;
  cursor: pointer;
  color: #fff;
  border-radius: 2vw;
  line-height: 6vh;
  text-align: center;
  cursor: pointer;
  transition: opacity 0.5s ease;
}

.CommunitytabAdd .CommunitytabAddSeven .divSeven button:hover {
  opacity: 0.8;
}

.CommunitytabAdd .CommunitytabAddEight {
  width: 98%;
  height: 8vh;
  margin-left: 2%;
  margin-top: 2vh;
}

.CommunitytabAdd .CommunitytabAddEight .divEight {
  width: 10vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.CommunitytabAdd .CommunitytabAddEight .divEight button {
  width: 6vw;
  height: 6vh;
  background-color: #009688;
  border: none;
  cursor: pointer;
  color: #fff;
  border-radius: 2vw;
  line-height: 6vh;
  text-align: center;
  transition: opacity 0.5s ease;
}

.CommunitytabAdd .CommunitytabAddEight .divEight button:hover {
  opacity: 0.8;
}

.CommunitytabAdd .CommunitytabAddNine {
  width: 98%;
  height: 8vh;
  margin-left: 2%;
}

.CommunitytabAdd .CommunitytabAddNine .divNine {
  width: 47vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.CommunitytabAdd .CommunitytabAddNine .divNine input {
  border: none;
  outline: none;
  width: 40vw;
  height: 5vh;
  text-indent: 1em;
  border: 1px solid #ccc;
}

.CommunitytabAdd .CommunitytabAddTen {
  width: 98%;
  height: 75vh;
  margin-left: 2%;
  margin-top: 2vh;
}

.CommunitytabAdd .CommunitytabAddTen .divTen {
  width: 66%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}

.CommunitytabAdd .CommunitytabAddTen .divTen img {
  width: 50vw;
  height: 74vh;
}

.CommunitytabAdd .CommunitytabAddtj {
  width: 98%;
  height: 8vh;
  margin-left: 2%;
}

.CommunitytabAdd .CommunitytabAddtj button {
  width: 10vw;
  height: 6vh;
  background-color: #009688;
  border: none;
  cursor: pointer;
  color: #fff;
  border-radius: 2vw;
  margin-left: 5vw;
  line-height: 6vh;
  text-align: center;
  transition: opacity 0.5s ease;
}

.CommunitytabAdd .CommunitytabAddtj button:hover {
  opacity: 0.8;
}

.CommunitytabAdd .CommunitytabAddTowOne {
  width: 98%;
  height: 8vh;
  margin-left: 2%;
}

.CommunitytabAdd .CommunitytabAddTowOne .divTowOne {
  width: 55vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  justify-content: space-between;
}

.CommunitytabAdd .CommunitytabAddTowOne .divTowOne .divTowOneA,
.CommunitytabAdd .CommunitytabAddTowOne .divTowOne .divTowOneB {
  width: 25.5vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.CommunitytabAdd .CommunitytabAddTowOne .divTowOne input {
  border: none;
  outline: none;
  width: 20vw;
  height: 5vh;
  text-indent: 1em;
  border: 1px solid #ccc;
}

.CommunitytabAdd .CommunitytabAddTowTow {
  width: 98%;
  height: 8vh;
  margin-left: 2%;
  display: flex;
  align-items: center;
}

.CommunitytabAdd .CommunitytabAddTowTow p {
  font-weight: 800;
  font-size: 1.5vw;
}

.CommunitytabAdd .CommunitytabAddTowTow span {
  font-weight: 100;
  font-size: 1.5vw;
}

.CommunitytabAdd .CommunitytabAddTowTow .span {
  color: #ccc;
}

.CommunitytabAdd .CommunitytabAddTowThird {
  width: 98%;
  height: 8vh;
  margin-left: 2%;
}

.CommunitytabAdd .CommunitytabAddTowThird .divTowThird {
  width: 95%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.CommunitytabAdd .CommunitytabAddTowThird .divTowThird input {
  border: none;
  outline: none;
  width: 75vw;
  height: 5vh;
  text-indent: 1em;
  border: 1px solid #ccc;
}

.CommunitytabAdd .CommunitytabAddTowFour {
  width: 98%;
  height: 8vh;
  margin-left: 2%;
}

.CommunitytabAdd .CommunitytabAddTowFour .divTowFour {
  width: 95%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.CommunitytabAdd .CommunitytabAddTowFour .divTowFour input {
  border: none;
  outline: none;
  width: 74.2vw;
  height: 5vh;
  text-indent: 1em;
  border: 1px solid #ccc;
}

.CommunitytabAdd .CommunitytabAddTowFive {
  width: 98%;
  height: 18vh;
  margin-left: 2%;
  margin-top: 2vh;
}

.CommunitytabAdd .CommunitytabAddTowFive .divTowFive {
  width: 95%;
  height: 100%;
  display: flex;
  justify-content: space-around;
}

.CommunitytabAdd .CommunitytabAddTowFive .divTowFive .wbys {
  width: 75.5vw;
  height: 17vh;
  border: none;
  outline: none;
  text-indent: 1em;
  border: 1px solid #ccc;
}

.CommunitytabAdd .CommunitytabAddTowSix {
  width: 98%;
  height: 8vh;
  margin-left: 2%;
}

.CommunitytabAdd .CommunitytabAddTowSix button {
  width: 10vw;
  height: 6vh;
  background-color: #009688;
  border: none;
  cursor: pointer;
  color: #fff;
  border-radius: 2vw;
  margin-left: 4vw;
  line-height: 6vh;
  text-align: center;
  transition: opacity 0.5s ease;
}

.CommunitytabAdd .CommunitytabAddTowSix button:hover {
  opacity: 0.8;
}

.tbodystatu {
  position: fixed;
  top: 40vh;
  left: 45vw;
  display: none;
}

.CommunitytabTow {
  width: 100%;
  height: 7.8vh;
  border-bottom: 2px solid #f5f5f5;
  cursor: pointer;
}

.CommunitytabTow .CommunitytabTowAdd {
  width: 9vw;
  height: 8vh;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1vw;
}
